<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>彩矿家 - 宝石详情</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
  <![endif]-->
  <link rel="stylesheet" type="text/css" href="__PUBLIC__/style/reset.css" />
  <link rel="stylesheet" type="text/css" href="__PUBLIC__/style/diamond_detail.css" />
  
</head>

<body>
  <div class="container">

    <include file="./Application/Home/View/Index/inc/header.html" />

    <div class="diamond-detail-wrapper">
      <div class="breadcump">
        <div class="breadcump-con">
          所在位置：<span>宝石</span><span class="seperator">></span><span>宝石详情</span>
        </div>
      </div>
      <div class="info-wrap">
        <div class="info-con clear-fix">
          <div class="left f-left">
            <div style="height: 318px;overflow: hidden;">
              <foreach name="pics" item="o">
                <div class="big-image-con clear-fix" id="m{$key}">
                  <img src="{$o}" title="大图片">
                </div>
              </foreach>
                <!-- <div class="big-image-con clear-fix" id="m1">
                  <img src="{$gem.pic}"  title="大图片">
                </div>
                <div class="big-image-con clear-fix" id="m2">
                    <img src="__PUBLIC__/images/prod_big_2.jpg"  title="大图片">
                </div>
                <div class="big-image-con clear-fix" id="m3">
                    <img src="__PUBLIC__/images/prod_big_1.jpg" title="大图片">
                </div>
                <div class="big-image-con clear-fix" id="m4">
                    <img src="__PUBLIC__/images/prod_big_1.jpg"  title="大图片">
                </div>
                <div class="big-image-con clear-fix" id="m5">
                    <img src="__PUBLIC__/images/prod_big_1.jpg"  title="大图片">
                </div> -->
            </div>
            
            <div class="small-image-con" >
              <ul class="clear-fix" >
                <foreach name="pics" item="o">
                  <li class="f-left">
                    <a href='#m{$key}'>
                      <img src='{$o}'>
                    </a>
                  </li>
                </foreach>
                <!-- <li class="f-left"><a href='#m1'><img src='{$gem.pic}'></a></li>
                <li class="f-left"><a href='#m2'><img src='__PUBLIC__/images/prod_2.jpg'></a></li>
                <li class="f-left"><a href='#m3'><img src='__PUBLIC__/images/prod_3.jpg'></a></li>
                <li class="f-left"><a href='#m4'><img src='__PUBLIC__/images/prod_4.jpg'></a></li>
                <li class="f-left">
                  <a href='#m5'>
                    <img src='__PUBLIC__/images/prod_5.jpg'>
                  </a>
                </li> -->
              </ul>
            </div>
          </div>
          <div class="right f-right">
            <div class="title">{$gem.title}</div>
            <div class="detail-item">
              <p><span class="item-degree">种类：</span><span class="item-exp">{$gem.type1name}</span></p>
              <p><span class="item-degree">颜色：</span><span class="item-exp">{$gem.type2name}</span></p>
              <p><span class="item-degree">价格区间：</span><span class="item-exp">{$gem.ptype}</span></p>
              <p><span class="item-degree">重量：</span><span class="item-exp">{$gem.wtype}</span></p>
              <p><span class="item-degree">证书：</span><span class="item-exp">{$gem.ctype}</span></p>
              <p><span class="item-degree">价格：</span><span class="item-exp red">¥{$gem.price}</span></p>
            </div>
          </div>
        </div>
      </div>
      <div class="article-wrap">
        <div class="article-con">
          <h3>商品详情</h3>
          <div>
            {$gem.content}
          </div>
        </div>
      </div>
    </div>

    <include file="./Application/Home/View/Index/inc/footer.html" /> 

  </div>
</body>
<script src="__PUBLIC__/libs/jqzoom/jquery-1.5.js"></script>
</html>